import react from "react";
import { StyleSheet, Dimensions } from "react-native";
const { width } = Dimensions.get("window");
const styles = StyleSheet.create({
  image: {
    width: width,
    height: 158,
  },
  Icon: {
    width: 30,
    height: 30,
    position: "absolute",
    left: 14,
    top: 35,
  },
  Icons: {
    width: 16,
    height: 16,
    position: "absolute",
    left: 320,
    top: 35,
  },
  Icon3: {
    width: 16,
    height: 16,
    position: "absolute",
    left: 350,
    top: 35,
  },
  navView: {
    width: 162,
    height: 67,
    position: "absolute",
    top: 41,
    left: 105,
  },
  navText: {
    color: "#ffffff",
    fontSize: 24,
    paddingTop: 20,
    paddingLeft: 36,
  },
  mainView: {
    width: width,
    // paddingRight: 17,
  },
  topView: {
    width: width,
    backgroundColor: "#ffffff",
    paddingLeft: 13,
    paddingBottom: 20,
  },
  text: {
    width: 330,
    height: 56,
    fontSize: 14,
    color: "#23283E",
    marginTop: 26,
    marginBottom: 25,
  },
  bannerBefore: {
    width: 4,
    height: 14,
    backgroundColor: "#3C59A7",
    borderRadius: 12,
  },
  banner: {
    width: 100,
    height: 20,
    fontSize: 14,
    // lineHeight: 20,
    color: "#23283E",
    marginLeft: 10,
  },
  bannerTitle: {
    width: 80,
    height: 20,
    color: "#3E75F6",
    fontSize: 14,
  },
  top: {
    width: width,
    flex: 1,
    flexDirection: "row",
    marginTop: 10,
  },
  radius: {
    width: (1.5 / 100) * width,
    height: 5,
    backgroundColor: "#9DA3B8",
    borderRadius: 50,
  },
  bannerText: {
    width: (88.5 / 100) * width,
    color: "#23283E",
    paddingLeft: 10,
    marginTop: -10,
  },
  bottomView: {
    width: width,
    backgroundColor: "#F7FBFF",
    paddingLeft: 13,
  },
  bottomTitle: {
    marginTop: 20,
    color: "#3E75F6",
    fontSize: 14,
    fontWeight: "bold",
  },
  bottomText: {
    fontSize: 13,
    color: "#23283E",
    marginTop: 10,
    marginBottom: 10,
  },
  bottomImg: {
    width: 340,
    alignItems: "center",
    marginTop: 10,
    marginBottom: 15,
  },
  lastTitle: {
    fontSize: 14,
    fontWeight: "bold",
    color: "#23283E",
  },
});

export default styles;
